<template>
  <div>
    <h3>全量写法</h3>
    姓: <input type="text" v-model="firstName"> +
    名: <input type="text" v-model="lastName"> =
    <input type="text" v-model="name">
  </div>
</template>

<script>
export default {
  data() {
    return {
      firstName: '慕容',
      lastName: '云雪'
    }
  },
  // 知道如何处理计算属性v-model绑定报错即可
  // 通常使用情况只有全选会用到
  // 计算属性有全量写法(了解)
  // 计算属性名: {
    // get 和 set 是固定语法名
  //    get() {},
  //    set(value) { 这个value值就是修改的值}
  // }
  computed: {
    // name() {
    //   return this.firstName + this.lastName
    // }
    name: {
      get() {
        return this.firstName + this.lastName
      },
      set(value) {
        // 全选反选
        console.log(value);
      }
    }
  }
}
</script>

<style>

</style>